<html>

	<head>
		<meta charset="utf-8">
		<title>修改用户信息</title>
		<style>
			.demobox{
				position: absolute;
				left: 10%;
				background: #fff; 
			}
			.border{
				width: 80%;
				border: 1px solid grey;
				
			}
			body,a {
				font-size: 14px;
				color: #666;
			}
			
			ul,li {
				margin: 0;
				padding: 0;
				list-style: none
			}
			
			.fn-vhid {
				visibility: hidden;
			}
			
			.fn-tinput {
				width: 240px;
				height: 30px;
				line-height: 30px\9;
				border: #ddd solid 1px;
				background-color: transparent;
				padding: 0 6px;
			}
			
			textarea {
				border: #ddd solid 1px;
				background-color: transparent;
				width: 60%
			}
			
			.fn-tinput:focus,textarea:focus {
				border-color: #c00;
			}
			
			.bl-form label {
				float: left;
				width: 100px;
				text-align: right;
				padding-top: 6px;
			}
			
			.bl-form .controls label {
				width: auto;
			}
			
			.bl-form li {
				margin-top: 20px;
				overflow: hidden;
			}
			
			em,strong {
				color: #C00;
			}
			
			span.error {
				color: #C00;
				padding: 0 6px;
			}
			h3{
				margin:10px 0px 10px 20px;
			}
			.bl-form select{
				width: 100px;
				margin-left: 20px;
				margin-right: 15px;
			}

		</style>
		
	</head>

	<body>
	
			<div class="demobox border">
			
			<form class="bl-form bl-formhor" id="jsForm" action="js/test.json" method="post" novalidate="novalidate">
				<ul>
					<li class="bl-form-group">
						<h3>修改信息</h3>
					</li>
					<hr />
					<li class="bl-form-group">
						<label><em>*</em>真实姓名：</label>
						<div class="controls">
							<input name="nickName" class="fn-tinput" id="nickName" required="" type="text" placeholder="请输入真实姓名" data-msg-minlength="至少输入2个字符" minlength="2" data-msg-required="请输入真实姓名" data-rule-remote="http://www.baidu.com">
						</div>
					</li>

					<li class="bl-form-group">
						<label>学校：</label>
						<div class="controls">
							<input name="school" class="fn-tinput" required="" type="text" placeholder="请输入学校名称" value="" data-msg-required="学院名称不能为空">
						</div>
					</li>
					<li class="bl-form-group">
						<label><em>*</em>专业：</label>
						<div class="controls">
							<input name="major" class="fn-tinput" required="" type="text" placeholder="请输入专业名称" value="" data-msg-required="专业名称不能为空">
						</div>
					</li>
					
					<li class="bl-form-group">
						<label>学院名称：</label>
						<div class="controls">
							<input name="" class="fn-tinput" required="" type="text" placeholder="请输入学院名称" value="" data-msg-required="请输入学院名称">
						</div>
					</li>
					<li class="bl-form-group">
						<div>
                    		<select name="select1">
                    			<option value="">----选择联系方式----</option>
                        		<option value="1">邮箱</option>
                        		<option value="2">qq</option>
                        		<option value="3">微信</option>
                    		</select>
                    		<input name="contect_type" class="fn-tinput" required="" type="text" placeholder="邮箱/微信" value="">
						
                		</div>
					</li>
					<li class="bl-form-group">
						<label>个人简介：</label>
						<div class="controls editor">
							<textarea name="textarea1" required="" rows="4" cols="20"></textarea>
						</div>
					</li>
					<li class="bl-form-group">
						<label>获奖情况：</label>
						<div class="controls editor">
							<textarea name="textarea1" required="" rows="4" cols="20"></textarea>
						</div>
					</li>
					<hr />
					<li class="bl-form-group bl-form-btns">
						<label class="fn-vhid">保存修改：</label>
						<div class="controls">
							<button class="fn-btn btn-primary btn-submit submitBtn" type="submit">保存修改</button>
							<button class="fn-btn" type="reset">重置</button>
						</div>
					</li>
				</ul>
			</form>
		</div>
	
		
		<script src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
		<script src="http://cdn.bootcss.com/jquery-validate/1.11.1/jquery.validate.min.js"></script>
	</body>

</html>